.{$buttongroup-prefix}
  vertical-align middle
  display inline-block
  margin-right 10px
  &:hover
    border-color none
  &-l
    .{$button-prefix}
      padding 10px 20px
      font-size 110%
  &-s
    .{$button-prefix}
      padding 5px 10px
  &-xs
    .{$button-prefix}
      padding 2px 6px
  .{$button-prefix}
    border-radius 0
    position relative
    z-index 2
    box-shadow none
    + .{$button-prefix}
     margin-left -1px
    &[disabled]
      z-index 1
      &:hover
        cursor not-allowed
    &:hover
      z-index 3
    &:first-child
      border-top-left-radius 4px
      border-bottom-left-radius 4px
    &:last-child
      border-top-right-radius 4px
      border-bottom-right-radius 4px
  &-circle
    .{$button-prefix}
      &:first-child
        border-top-left-radius 20px
        border-bottom-left-radius 20px
      &:last-child
        border-top-right-radius 20px
        border-bottom-right-radius 20px
